<template>
	<view>
		<l-liquid :current.sync="modelVale" :percent="target">
		    <text>{{modelVale}}%</text>
		</l-liquid>
		<button @tap="onClick(20)">+</button>
		<button @tap="onClick(-20)">-</button>
	</view>
</template>

<script>
	export default {
	    data() {
	        return {
	            modelVale: 0,
	            target: 50
	        }
	    },
	    methods: {
	        onClick(number) {
	            this.target = Math.max(Math.min(100, this.target + number), 0)
	        }
	    }
	}
</script>